﻿
$(document).ready(main);


function main() {

    $("#registro").hide();
    $("#FechaR").datepicker();
    $("#FechaB").datepicker();
    $("#registrar").click(mostrarFormRegistro);
    $("#submitR").click(registrarQuejas_Sugerencias);
    $("#busqueda").hide();
    $("#modificar").click(mostrarFormBusqueda);
    $("#eliminar").click(mostrarFormBusqueda);
}


function mostrarFormRegistro() {
    $("#registro").show("slow");
    $("#busqueda").hide();
}

function mostrarFormBusqueda() {
    $("#busqueda").show("slow");
    $("#registro").hide();
}


function registrarQuejas_Sugerencias() {

    var enviarsela = {
        //Nombre: $("#NombreR").attr("value"),
        Fecha: $("#FechaR").attr("value"),
        Hora: $("#HoraR").attr("value"),
        Lugar: $("#LugarR").attr("value"),
        Descripcion: $("#DescripcionR").attr("value")
    }

    console.log(enviarsela);
    var jsonData = JSON.stringify(enviarsela);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "RegistrarQuejas_Sugerencias",
        beforeSend: esperarRegistro(),
        success: llegadaRegistro,
        error: function errorJS(data) {
            alert();
            alert("Error");
        }
    });
}




function mueveReloj() {
    if (!document.layers && !document.all && !document.getElementById)
        return
    var Digital = new Date()
    var hours = Digital.getHours()
    var minutes = Digital.getMinutes()
    var seconds = Digital.getSeconds()
    var dn = "AM"
    if (hours > 12) {
        dn = "PM"
        hours = hours - 12
    }
    if (hours == 0)
        hours = 12
    if (minutes <= 9)
        minutes = "0" + minutes
    if (seconds <= 9)
        seconds = "0" + seconds
    //change font size here to your desire
    myclock = " " + hours + ":" + minutes + ":"
 + seconds + " " + dn + " "

    document.getElementById("HoraR").innerHTML = myclock

    setTimeout("mueveReloj()", 1000)
}

function esperarRegistro() {
}

function llegadaRegistro(data) {
    alert(data.me);
    $("registro").hide();
}

function buscarQuejas_Sugerencias() {

    var enviar = {
        Nombre: $("#NombreR").attr("value"),
        Fecha: $("#FechaR").attr("value"),
        Lugar: $("#LugarR").attr("value")       
    }

    var jsonData = JSON.stringify(enviar);

    $.ajax({
        type: "POST",
        data: jsonData,
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        url: "buscarQuejas_Sugerencias",
        beforeSend: esperarLista(),
        success: llegadaLista
    });
}

function esperarLista() {

//    $("#progressbar" ).progressbar({
//      value: 37
//    });
}

function llegadaLista(data) {
    alert(data.mensaje);
}


/*$(function () {
    var name = $("#name"),
            email = $("#email"),
            password = $("#password"),
            allFields = $([]).add(name).add(email).add(password),
            tips = $(".validateTips");

    function updateTips(t) {
        tips
                .text(t)
                .addClass("ui-state-highlight");
        setTimeout(function () {
            tips.removeClass("ui-state-highlight", 1500);
        }, 500);
    }

    function checkLength(o, n, min, max) {
        if (o.val().length > max || o.val().length < min) {
            o.addClass("ui-state-error");
            updateTips("Length of " + n + " must be between " +
                    min + " and " + max + ".");
            return false;
        } else {
            return true;
        }
    }

    function checkRegexp(o, regexp, n) {
        if (!(regexp.test(o.val()))) {
            o.addClass("ui-state-error");
            updateTips(n);
            return false;
        } else {
            return true;
        }
    }

    $("#dialog-form").dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        buttons: {
            "Create an account": function () {
                var bValid = true;
                allFields.removeClass("ui-state-error");

                bValid = bValid && checkLength(name, "username", 3, 16);
                bValid = bValid && checkLength(email, "email", 6, 80);
                bValid = bValid && checkLength(password, "password", 5, 16);

                bValid = bValid && checkRegexp(name, /^[a-z]([0-9a-z_])+$/i, "Username may consist of a-z, 0-9, underscores, begin with a letter.");
                // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
                bValid = bValid && checkRegexp(email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "eg. ui@jquery.com");
                bValid = bValid && checkRegexp(password, /^([0-9a-zA-Z])+$/, "Password field only allow : a-z 0-9");

                if (bValid) {
                    $("#users tbody").append("<tr>" +
                            "<td>" + name.val() + "</td>" +
                            "<td>" + email.val() + "</td>" +
                            "<td>" + password.val() + "</td>" +
                        "</tr>");
                    $(this).dialog("close");
                }
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        },
        close: function () {
            allFields.val("").removeClass("ui-state-error");
        }
    });

    $("#create-user")
            .button()
            .click(function () {
                $("#dialog-form").dialog("open");


                var envio = {

                    nombre: $("#name").attr("value"),
                    email: $("#email").attr("value"),
                    pass: $("#password").attr("value")

                }

                $.ajax({
                    type: "POST",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    url: "/ModuloAdministracionController/registrar",
                    beforeSend: esperarRegistro(),
                    success: llegadaRegistro
                });

            });*/
//});


